<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css" id="theme">

<script src="js/jquery-1.3.2.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(e) {
$('#form1').submit(function() {
 // alert($('#form1').serialize());
  
  $.ajax({
  type: 'POST',
  url: 'single_post.php',
  data: $('#form1').serialize(),
  success: function(data){
	  $('#myContainer').html(data);
	  }
});

  
  
  
  return false;
});
});
/*
$(document).ready(function(e) {
    
	$.get('files/new.txt', function(data) {
		var lines = data.split("\n");
		$.each(lines, function(n, elem) {
			$('#myContainer').append('<div>' + elem + '</div>');     }); }); 
	
});
*/
</script>
</head>

<body>

<div id="myContainer"></div>
<div class="ui-tabs-panel">
<form id="form1" name="form1" >
  <label for="textfield"></label>
  <input type="text" name="xmail" id="xmail" />
  <input name="button" type="submit" class="ui-button-text-only" id="button" value="Submit" />
</form>
</div>
</body>
</html>
